:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#071016;color:#f4f7ef;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{min-width:320px}button{font:inherit}.mini-world{position:fixed;inset:0;overflow:hidden;background:#071016}.mini-world canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}.hud{pointer-events:none;position:fixed;inset:0;z-index:5;color:#f8fbf2}.hud__brand,.hud__stats,.hud__hint,.hud__mobile{position:absolute;border:1px solid rgb(255 255 255 / 16%);background:#040a0c99;box-shadow:0 14px 40px #0000003d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud__brand{top:18px;left:18px;min-width:180px;padding:12px 14px;border-radius:8px}.hud__title{margin:0;font-size:20px;font-weight:800;line-height:1;letter-spacing:0}.hud__subtitle{margin-top:6px;color:#b8c7bb;font-size:12px;line-height:1.25}.hud__stats{top:18px;right:18px;display:grid;min-width:210px;gap:6px;padding:12px 14px;border-radius:8px;color:#d7e4d9;font-size:12px;line-height:1.2}.hud__stat{display:flex;justify-content:space-between;gap:18px}.hud__stat span:last-child{color:#fff;font-variant-numeric:tabular-nums}.hud__crosshair{position:absolute;top:50%;left:50%;width:20px;height:20px;transform:translate(-50%,-50%)}.hud__crosshair:before,.hud__crosshair:after{position:absolute;content:"";background:#fffc;box-shadow:0 1px 8px #0000008c}.hud__crosshair:before{top:9px;left:2px;width:16px;height:2px}.hud__crosshair:after{top:2px;left:9px;width:2px;height:16px}.hotbar{pointer-events:auto;position:absolute;bottom:22px;left:50%;display:grid;grid-template-columns:repeat(5,58px);gap:8px;transform:translate(-50%)}.hotbar__slot{width:58px;height:58px;border:1px solid rgb(255 255 255 / 18%);border-radius:8px;background:#040a0c94;box-shadow:0 12px 32px #00000047;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.hotbar__slot--active{border-color:#f7dc6f;box-shadow:0 0 0 2px #f7dc6f47,0 12px 32px #0000004d}.hotbar__swatch{width:30px;height:30px;margin:8px auto 3px;border:1px solid rgb(255 255 255 / 24%);border-radius:6px;box-shadow:inset 0 2px 7px #ffffff2e}.hotbar__key{color:#eaf1df;font-size:11px;line-height:1;text-align:center}.hud__hint{right:18px;bottom:22px;max-width:300px;padding:10px 12px;border-radius:8px;color:#d9e7d7;font-size:12px;line-height:1.45}.hud__mobile{display:none}.hud__lock{pointer-events:auto;position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,rgb(255 255 255 / 12%),transparent 30%),#050b0d8a}.hud__lock[hidden]{display:none}.hud__lock-card{width:min(420px,calc(100vw - 36px));border:1px solid rgb(255 255 255 / 18%);border-radius:8px;padding:22px;background:#040a0cc2;box-shadow:0 20px 70px #0000006b;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hud__lock-title{margin:0;font-size:24px;font-weight:800;letter-spacing:0}.hud__lock-copy{margin:10px 0 18px;color:#c6d4c4;font-size:14px;line-height:1.5}.hud__lock-button{min-width:160px;border:0;border-radius:8px;padding:11px 16px;background:#f1d160;color:#1d1b10;cursor:pointer;font-size:14px;font-weight:800;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.touch-controls{display:none}.hud--touch .touch-controls{position:absolute;inset:0;display:block;pointer-events:none}.hud--touch .touch-look{pointer-events:auto;position:absolute;inset:96px 0 112px 38%;touch-action:none}.touch-stick{pointer-events:auto;position:absolute;bottom:calc(26px + env(safe-area-inset-bottom));left:calc(24px + env(safe-area-inset-left));width:118px;height:118px;border:1px solid rgb(255 255 255 / 18%);border-radius:50%;background:radial-gradient(circle at 50% 50%,rgb(255 255 255 / 13%),transparent 34%),#040a0c7a;box-shadow:0 16px 40px #0000004d;touch-action:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.touch-stick__thumb{position:absolute;top:50%;left:50%;width:48px;height:48px;border:1px solid rgb(255 255 255 / 22%);border-radius:50%;background:#f1d160db;box-shadow:inset 0 2px 10px #ffffff38,0 8px 24px #00000052;transform:translate(0);translate:-50% -50%}.touch-actions{pointer-events:auto;position:absolute;right:calc(22px + env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(2,58px);grid-template-rows:repeat(2,58px);gap:10px}.touch-button{width:58px;height:58px;border:1px solid rgb(255 255 255 / 18%);border-radius:50%;background:#040a0c9e;color:#f8fbf2;box-shadow:0 14px 34px #00000047;cursor:pointer;font-size:16px;font-weight:800;line-height:1;touch-action:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.touch-button:active{background:#f1d160d1;color:#1d1b10}.touch-button--jump{grid-column:1;grid-row:2}.touch-button--break{grid-column:2;grid-row:1}.touch-button--place{grid-column:2;grid-row:2}.hud--touch .hud__lock-card{width:min(390px,calc(100vw - 32px))}@media(max-width:780px){.hud__brand{top:12px;left:12px;min-width:150px}.hud__stats{top:12px;right:12px;min-width:160px;padding:10px 11px}.hud__hint{display:none}.hotbar{grid-template-columns:repeat(5,47px);bottom:calc(15px + env(safe-area-inset-bottom));gap:6px}.hotbar__slot{width:47px;height:51px}.hotbar__swatch{width:25px;height:25px}.hud__mobile{right:12px;bottom:calc(76px + env(safe-area-inset-bottom));left:12px;display:block;border-radius:8px;padding:10px 12px;color:#dbe7d4;font-size:12px;line-height:1.35;text-align:center}.hud--touch .hud__mobile{inset:82px 12px auto}.hud--touch .hud__stats{max-width:42vw}.hud--touch .hotbar{bottom:calc(14px + env(safe-area-inset-bottom))}.hud--touch .touch-look{top:126px;bottom:112px;left:34%}.touch-stick{bottom:calc(88px + env(safe-area-inset-bottom));left:calc(15px + env(safe-area-inset-left));width:104px;height:104px}.touch-stick__thumb{width:42px;height:42px}.touch-actions{right:calc(14px + env(safe-area-inset-right));bottom:calc(88px + env(safe-area-inset-bottom));grid-template-columns:repeat(2,52px);grid-template-rows:repeat(2,52px);gap:8px}.touch-button{width:52px;height:52px;font-size:15px}}@media(max-height:520px)and (orientation:landscape){.hud--touch .hud__brand{top:10px;left:12px;padding:9px 11px}.hud--touch .hud__stats{top:10px;right:12px}.hud--touch .hud__mobile{display:none}.hud--touch .hotbar{bottom:calc(10px + env(safe-area-inset-bottom))}.touch-stick,.touch-actions{bottom:calc(18px + env(safe-area-inset-bottom))}}