html[data-view=home] #game{margin:0 auto;align-self:stretch;overflow:hidden;display:block}
.voxel-home{height:100%;min-height:0;display:flex;flex-direction:column;gap:12px;max-width:1400px;margin:auto}
.voxel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.voxel-heading h1{font-size:25px;margin:3px 0;line-height:1.3}.voxel-wallet{display:flex;align-items:center;gap:8px;padding:10px 15px;background:#e4ebd2;border:1px solid #c3d0ae;border-radius:16px;font-size:13px;white-space:nowrap}.voxel-wallet b{font-size:22px}.voxel-wallet span{padding-left:10px;border-left:1px solid #c2cfad;color:#718160}
.voxel-stage{position:relative;flex:1;min-height:180px;border:2px solid #bacba1;border-radius:24px;overflow:hidden;background:#ccddcf}.voxel-canvas{position:absolute;inset:0}.voxel-canvas canvas{width:100%;height:100%;display:block;touch-action:none;outline:none}.voxel-canvas canvas:focus-visible{outline:3px solid #4c7954;outline-offset:-4px}
.voxel-top{position:absolute;top:12px;left:14px;right:14px;display:flex;justify-content:space-between;align-items:center;gap:12px;pointer-events:none}.voxel-status{background:#f8f5e7df;color:#657755;border-radius:20px;padding:7px 12px;font-size:11px}.voxel-top button{pointer-events:auto;border-radius:50%;width:44px;height:44px;padding:0;background:#fbf8e9e6}
.voxel-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;text-align:center}.voxel-crosshair{display:none;color:#fff9df;font-size:30px;text-shadow:0 1px 3px #294b3e;line-height:1}.voxel-target{position:fixed;left:50%;top:44px;transform:translateX(-50%);white-space:nowrap;font-size:11px;color:#3a5a44;background:#f7f4e4cc;padding:5px 10px;border-radius:12px}.is-walking .voxel-crosshair{display:block}
.voxel-mode{position:absolute;top:12px;left:50%;transform:translateX(-50%);display:flex;gap:10px}.voxel-mode button{font-size:12px;padding:10px 14px;min-height:44px;background:#fff9e8ed}.voxel-orbit{position:absolute;right:14px;bottom:14px;display:flex;gap:10px}.voxel-orbit button{width:44px;height:44px;padding:0;font-size:22px;background:#fff9e8e6}.is-walking .voxel-orbit{display:none}
.voxel-joystick{display:none;position:absolute;left:22px;bottom:18px;width:100px;height:100px;border:2px solid #faf8ddaa;background:#edf0d655;border-radius:50%;touch-action:none;user-select:none}.voxel-joystick i{position:absolute;left:29px;top:29px;width:38px;height:38px;border:2px solid #fff9d8;border-radius:50%;background:#547955b3;pointer-events:none}.voxel-joystick span{position:absolute;bottom:7px;width:100%;text-align:center;font-size:10px;color:#3b5945;pointer-events:none}.voxel-jump{display:none;position:absolute;right:22px;bottom:30px;width:64px;height:64px;padding:0;border-radius:50%;background:#fff9e8d9;font-size:13px;touch-action:manipulation}.is-walking .voxel-joystick,.is-walking .voxel-jump{display:block}
.voxel-toolbar{display:flex;align-items:stretch;gap:16px;padding:12px 16px;background:#f4efdd;border:1px solid #d2c6a6;border-radius:20px}.voxel-palette{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;flex:1}.voxel-palette button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:62px;padding:8px 10px;font-size:11px}.voxel-palette button[aria-pressed=true]{background:#e4ebd0;border-color:#62865b;box-shadow:inset 0 0 0 1px #62865b}.voxel-palette i{width:27px;height:23px;background:var(--cube);border-bottom:6px solid #0002;box-shadow:inset -7px 0 #0001;border-radius:3px}.voxel-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:290px}.voxel-actions button{min-height:44px;font-size:12px;padding:8px 12px}
.voxel-help{position:absolute;inset:12px auto auto 50%;transform:translateX(-50%);width:min(480px,calc(100% - 24px));max-height:calc(100% - 24px);overflow:auto;z-index:5;background:#fffaebf5;border:1px solid #c7d0ac;border-radius:22px;box-shadow:0 10px 35px #294b3e25;padding:20px}.voxel-help[hidden]{display:none}.voxel-help strong{font-size:19px}.voxel-help p{font-size:13px;line-height:1.6}.voxel-help button{min-height:44px;font-size:12px}.voxel-unavailable{padding:40px}
@media(max-width:700px){html[data-view=home] #game{padding:8px 10px}.voxel-home{gap:8px}.voxel-heading h1{font-size:19px}.voxel-heading .journal-kicker{display:none}.voxel-wallet{font-size:10px;padding:6px 9px;gap:5px}.voxel-wallet b{font-size:17px}.voxel-wallet span{padding-left:5px}.voxel-stage{border-radius:20px}.voxel-top{top:8px;left:8px;right:8px}.voxel-status{font-size:9px;padding:5px 8px}.voxel-mode{top:auto;bottom:10px;left:50%;width:calc(100% - 20px);justify-content:center;gap:8px}.voxel-mode button{font-size:10px;padding:8px 10px}.voxel-orbit{bottom:64px;right:10px;flex-direction:column;gap:8px}.voxel-joystick{left:14px;bottom:68px;width:92px;height:92px}.voxel-joystick i{left:25px;top:25px}.voxel-jump{right:18px;bottom:80px;width:58px;height:58px}.voxel-toolbar{flex-direction:column;gap:10px;padding:10px;border-radius:18px}.voxel-palette{gap:8px}.voxel-palette button{min-height:50px;font-size:10px;padding:6px 4px;gap:4px}.voxel-palette i{width:24px;height:20px}.voxel-actions{width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.voxel-actions button{font-size:10px;padding:8px 3px;min-height:44px}.voxel-target{font-size:9px}.voxel-help{padding:14px}.voxel-help p{font-size:12px}}
@media(max-height:500px){.voxel-heading{display:none}.voxel-toolbar{padding:6px;gap:8px}.voxel-palette button{min-height:44px}.voxel-actions{grid-template-columns:repeat(4,1fr);width:auto}.voxel-stage{min-height:150px}}
.voxel-position{position:absolute;left:14px;bottom:14px;pointer-events:none;font-size:10px;color:#395642;background:#fff9e3bb;padding:5px 9px;border-radius:10px}.is-walking .voxel-position{left:50%;transform:translateX(-50%)}@media(max-width:700px){.voxel-position{bottom:64px;left:12px}.is-walking .voxel-position{bottom:62px}}