.coins{position:absolute;right:18px;top:calc(env(safe-area-inset-top) + 17px);height:45px;min-width:90px;display:flex;align-items:center;justify-content:flex-end;gap:7px;padding:4px 12px 4px 7px;border:3px solid #171522;border-radius:12px;background:#303044;color:white;font-size:19px;font-weight:1000;box-shadow:0 3px #171522;text-shadow:0 2px #151320;pointer-events:none}.coin-icon{width:29px;height:29px;display:grid;place-items:center;border:3px solid #7c4a13;border-radius:50%;background:#ffcf4c;color:#ffec92;font-size:20px;line-height:1;box-shadow:inset 0 2px #fff3a5}.customize{top:calc(env(safe-area-inset-top) + 73px)}.tool-menu{position:absolute;right:18px;bottom:calc(env(safe-area-inset-bottom) + 126px);width:56px;height:166px;pointer-events:auto}.tool-menu .square{position:absolute;left:0;width:55px;height:50px;padding:3px;background:linear-gradient(#f5e5bd,#d9ad6c)}.tool-menu .square img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.tool-menu .tool-option{opacity:.97}.tool-menu .tool-current{top:58px;background:linear-gradient(#ffdd7b,#e9aa47)}.tool-menu #tool-previous{top:0}.tool-menu #tool-next{bottom:0}.cast{position:absolute;right:18px;bottom:calc(env(safe-area-inset-bottom) + 29px);width:60px;height:60px;pointer-events:auto;background:linear-gradient(#a8ea63,#6dbb3b)}.cast:disabled{filter:grayscale(.85);opacity:.65;cursor:not-allowed}.cast svg{width:31px;height:31px;stroke:#fff;filter:drop-shadow(1px 2px 0 #14251a)}
.touch-area{position:absolute;inset:33.3333% 0 0;z-index:0;pointer-events:auto;touch-action:none}.hud .customize,.hud .tool-menu,.hud .coins{z-index:2}.hud .joystick{z-index:1;left:0;top:0;bottom:auto;transform:translate(-50%,-50%);pointer-events:none;touch-action:none}.hud .tool-menu{bottom:calc(env(safe-area-inset-bottom) + 30px)}